/*
** 公共样式
*/
@import "_mixin"
@import "reset"

html,body{
  width 100%
  height 100%
  min-width: 1200px
  background-color: $backgColor
}
#app{
  width 100%
  height 100%
  min-width: 1260px
}

.container{
  width: 100%
  height: auto
  min-height: 100%
  padding: 80px 5px 40px 15px
}
.content-main{
  float right
  width: calc(100% - 165px)
  height: 100%
  border: 1px solid $borColor
  color: #ffffff
}

footer{
  position: absolute
  left: 0
  bottom: 0
  width: 100%
  height: 40px
  line-height: 40px
  font-size: 12px
  color: #ffffff
  text-align: center
}

@media screen and (max-height: 900px) {
  .container{
    padding-top: 70px
    padding-bottom: 35px
  }
  footer{
    height 35px
    line-height: 35px
  }
}
@media screen and (max-height: 768px) {
  .container{
    padding-top: 60px
    padding-bottom: 30px
  }
  footer{
    height 30px
    line-height: 30px
  }
}